<div id="signUp">


    <form id="signUpForm">

        <h3>User Information</h3>

        <table>
            <tr>
                <td>User ID:</td>
                <td>
                    <label for="newUsername"></label>
                    <input type="text" name="username" id="newUsername" />
                </td>
                <td id="newUsernameTips"></td>
            </tr>

            <tr>
                <td>New password:</td>
                <td><label for="newPassword"></label>
                    <input type="password" name="password" id="newPassword" />
                </td>
                <td id="newPasswordTips"></td>
            </tr>
            <tr>
                <td>repeated password:</td>
                <td><label>
                        <input type="password" name="repeatedPassword" id="repeatedPassword" />
                    </label></td>
                <td id="repeatedPasswordTips"></td>
            </tr>
            <tr>
                <td>Phone:</td>
                <td><input type="text" name="phone" /></td>
            </tr>
        </table>

        <!-- <h3>Account Information</h3>

        <table>
            <tr>
                <td>First name:</td>
                <td><input type="text" name="firstName" /></td>
            </tr>
            <tr>
                <td>Last name:</td>
                <td><input type="text" name="lastName" /></td>
            </tr>
            <tr>
                <td>Email:</td>
                <td><input type="text" name="email" /></td>
            </tr>
            <tr>
                <td>Phone:</td>
                <td><input type="text" name="phone" /></td>
            </tr>
            <tr>
                <td>Address 1:</td>
                <td><input type="text" name="address1" /></td>
            </tr>
            <tr>
                <td>Address 2:</td>
                <td><input type="text" name="address2" size="40" /></td>
            </tr>
            <tr>
                <td>City:</td>
                <td><input type="text" name="city" /></td>
            </tr>
            <tr>
                <td>State:</td>
                <td><input type="text" name="state" size="4" /></td>
            </tr>
            <tr>
                <td>Zip:</td>
                <td><input type="text" name="zip" size="10" /></td>
            </tr>
            <tr>
                <td>Country:</td>
                <td><input type="text" name="country" size="15" /></td>
            </tr>
        </table>

        <h3>Profile Information</h3>

        <table>
            <tr>
                <td>Language Preference:</td>
                <td><select name="languagePreference">
                        

                        <option selected="selected" value="english">english</option>
                        <option value="japanese">japanese</option>
                    </select></td>

            </tr>
            <tr>
                <td>Favourite Category:</td>
                <td><select name="favouriteCategoryId">
                        <option value="FISH">FISH</option>
                        <option selected="selected" value="DOGS">DOGS</option>
                        <option value="REPTILES">REPTILES</option>
                        <option value="CATS">CATS</option>
                        <option value="BIRDS">BIRDS</option>
                    </select></td>
            </tr>
            <tr>
                <td>Enable MyList</td>
                <td><input type="checkbox" name="listOption" value="1" /></td>
            </tr>
            <tr>
                <td>Enable MyBanner</td>
                <td><input type="checkbox" name="bannerOption" value="1" /></td>
            </tr>

        </table> -->

        <input type="button" value="Save Account Information" id="signUpSubmit">

    </form>


</div>